
  
  .a_1_0_4_1_1_title{
    width:100%;
    height:35px;
    font-size:13px;
    display: flex;  
    flex-direction: column;  justify-content: center; /* 垂直居中 */  
    border-bottom: 1px solid #2b2b2b;
}
  /* 第一级父节点，指定宽度和高度 */
  
  .a_1_0_4_1_1_parent1 {  
    width: 100%;  
    
    box-sizing: border-box;
    background-color: #212121; 
    height: 100%;   
    position: relative; /* 用于子节点的绝对定位 */  
  }  
    /* 第一级父节点，指定宽度和高度 */  
    .a_1_0_4_1_1_parent {  
      box-sizing: border-box;
      width: 100%;  
      height: calc(100% - 75px); 
      overflow: auto; /* 当内容超出时显示滚动条 */  
      position: relative; /* 用于子节点的绝对定位 */  
      background-color:  #212121; 
    scrollbar-color: rgba(49,48,48,1) transparent;
    }

    .a_1_0_4_1_1_parent3{
      background-color:  #212121; 
      background-image:  
        /* 创建白色圆点 */  
        radial-gradient(circle at 50% 50%, rgba(231, 231, 231, 0.4) 1px, transparent 0px),  
        /* 创建水平间隔 */  
        linear-gradient(to right, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%),  
        /* 创建垂直间隔 */  
        linear-gradient(to bottom, transparent 50%, rgba(231, 231, 231, 0.4) 1px, transparent 50%);  
      background-size:  
        /* 圆点大小 */  
        10px 10px,  
        /* 水平间隔 */  
        20px 100%,  
        /* 垂直间隔 */  
        100% 20px;  
      background-position:  
        /* 圆点位置 */  
        0 0,  
        /* 水平间隔位置 */  
        0 0,  
        /* 垂直间隔位置 */  
        0 0;  
      background-repeat: repeat, repeat-x, repeat-y;  
      position: absolute;
    }
  /* .a_1_0_4_1_1_parent::-webkit-scrollbar {  
    width: 15px; 
    height: 15px; 
  }  
  
  
  .a_1_0_4_1_1_parent::-webkit-scrollbar-track {  
    background: transparent!important;  
  }  
  
  .a_1_0_4_1_1_parent::-webkit-scrollbar-thumb {  
    background-color: gray;  
    border-radius: 10px;  
    border: 3px solid transparent;  
    background-clip: padding-box;  
  }  
  
  .a_1_0_4_1_1_parent:hover::-webkit-scrollbar-thumb {  
    background-color: #888;  
  }   */
  /* 子节点，可以超出父节点的尺寸，但超出部分会隐藏 */  
  .a_1_0_4_1_1_child {  
    overflow: auto;
    /* padding:20px; */
    position: relative; /* 为子节点的子节点的绝对定位提供上下文 */  
    width: 1920px; /* 宽度继承父节点 */  
    height: 1080px; /* 最小高度继承父节点，确保内容不会折叠 */  
    display: flex; /* 使用Flex布局 */  
    flex-direction: column; /* 子项垂直堆叠 */  
    
    background: white;
  } 
.a_1_0_4_1_11_div{
  display: fixed;
  width:100%;
  height:100%;
  }
.a_1_0_4_1_1_div_display_none{
  display:none!important
}
.a_1_0_4_1_11_diveee{
    position: fixed;
    width:100%;
    height:100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-rendering: optimizeLegibility;
    -webkit-user-drag: none;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
    }
    
.a_1_0_4_1_1{
  outline: 2px solid #9f9898;
  
  display: block;
  width:100%;
  height: 100%;
}
.a_1_0_4_1_1_div_blue-border {  
  outline: 4px dotted blue; /* 蓝色虚线边框 */  
  z-index:9999999;
  position: relative;
  }  
    
.a_1_0_4_1_1_div_solid-border {  
  outline: 4px solid blue;/* 实线边框 */  
  z-index:9999999;
  position: relative;
}  
.a_1_0_4_1_1_hong_se_heng_xian{
  width:100%!important;
  height:5px!important;
  background:red!important;
}
.a_1_0_4_1_1_hong_se_shu_xian{
    width: 5px!important;
    height: 100%!important;
    background-color: red!important;
    display: inline-block!important;
}

.a_1_0_4_1_1_heng_top {  
  border-top: 8px solid red;  
}  

.a_1_0_4_1_1_heng_bottom {
  border-bottom: 8px solid red;  
}  

.a_1_0_4_1_1_shu_left {  
  border-left: 8px solid red;  
}  

.a_1_0_4_1_1_shu_right {  
  border-right: 8px solid red;  
}

.a_1_0_4_1_1_shu_page_info{
  width: 100%;
    font-size: 13px;
    height: 40px;
    display: flex;
    align-items: center;
    user-select: none;
}

.a_1_0_4_1_1_icon_class{
  display: flex;
  align-items: center;
  color: rgba(231, 231, 231, 0.6);
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}


  .a_1_0_4_1_1scrollbar::-webkit-scrollbar-thumb {  
    background-color: rgb(79, 78, 78); /* 滚动块（滑块）的颜色 */  
    border-radius: 6px; /* 滚动块的圆角 */  
  }  
  








  .a_1_0_4_1_1inputrange {
    margin-left:10px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    /* 覆盖默认外观，适用于 WebKit 浏览器 */
    -moz-appearance: none;
    /* 覆盖默认外观，适用于 Firefox 浏览器 */
    -ms-appearance: none;
    /* 覆盖默认外观，适用于 IE/Edge 浏览器 */

    outline: none;
    border: none;
    background-color: rgb(4, 57, 94);
    border-radius: 15px;
}


.a_1_0_4_1_1_sub_menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #212121;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  z-index: 1000;
  padding:5px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
}
.a_1_0_4_1_1_sub_menu_item {
  white-space: nowrap;border-radius: 4px;
}





.a_1_0_4_1_1button {
  background-color: #3c3c3c; /* Dark background */
  color:rgba(231, 231, 231, 0.6);
  border: 1px solid #444444; /* Border color */
  border-radius: 4px; /* Rounded corners */
  margin-left: 10px;
  display: grid;  
  place-items: center;    /* 水平和垂直居中 */  
  height: 25px;           /* 你可以根据需要调整高度 */  
  padding: 0 20px;        /* 可选：调整内边距 */  
  font-size: 14px; /* Font size */
  cursor: pointer; /* Change cursor to pointer on hover */
  outline: none; /* Remove focus outline */
  transition: background-color 0.2s ease, border-color 0.2s ease; /* Smooth transition for background and border colors */
}

.a_1_0_4_1_1button:hover {
  background-color: #569cd6; /* Highlighted background color on hover */
  color:rgba(231, 231, 231, 1);
  border-color: #569cd6; /* Border color on hover */
}

.a_1_0_4_1_1button:active {
  background-color: #4ec9b0; /* Active state background color */
  border-color: #4ec9b0; /* Active state border color */
}
.a_1_0_4_1_1inputtext {
  margin-left:10px;
  background-color: #2d2d2d; /* Dark background */
  color: #d4d4d4; /* Text color */
  border: 1px solid #444444; /* Border color */
  border-radius: 4px; /* Rounded corners */
  padding: 8px; /* Padding inside the input */
  font-size: 14px; /* Font size */
  height: 25px;
  width: 70px;
  outline: none; /* Remove focus outline */
  transition: border-color 0.2s ease; /* Smooth transition for border color */
}

.a_1_0_4_1_1inputtext:focus {
  border-color: #569cd6; /* Highlighted border color on focus */
}

.a_1_0_4_1_1inputtext::placeholder {
  color: #9d9d9d; /* Placeholder text color */
}










/* 拖拽进来的组件 样式 */
.a_1_0_4_1_1_class1{
   display:flex;
    align-items: center;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    padding-left: 4px;
    position: relative;
    padding-right: 4px;
    min-width: 90px;
    height:25px;
}
.a_1_0_4_1_1_class1:hover{
  z-index:33;
  background-color: rgb(4, 57, 94);
  border: 1px solid #0078d4;
}
/* 被点击的组件 */
.a_1_0_4_1_1_click_out_button{
  z-index:11;
  background-color: rgb(4, 57, 94);
  border: 1px solid #0078d4;
}
/* in组件 */
.a_1_0_4_1_1_click_in_button{
  z-index:22;
  background-color: rgb(4, 57, 94);
  border: 1px solid #0078d4;
}

/* 被点击的连线或者hover的连线 */
.a_1_0_4_1_1_click_line svg path{
  stroke:#0096f2;
}
.a_1_0_4_1_1_click_line svg{
  z-index:22;
}
.a_1_0_4_1_1_line_hover:hover  svg path{
  stroke:#0096f2; 
}
.a_1_0_4_1_1_line_hover:hover  svg{
  z-index:33;
}
.a_1_0_4_1_1_line_color svg path{
  stroke:  #81bd94;
}


.a_1_0_4_1_1_class2{
  top:-12px;position: absolute;
  cursor: pointer;
}

.a_1_0_4_1_1_class2:hover circle{
  fill:#51d6a9; 

}
.a_1_0_4_1_1_class3:hover circle{
  fill:#51d6a9; 

}

.a_1_0_4_1_1_class3{
  top:24px;position: absolute;
  cursor: pointer;
}



.a_1_0_4_1_1_class4{
  left: -5px;
    top: -22;
    position: absolute;
}




.a_1_0_4_1_1_class5{
  
  left: 15px;
  top: -22;
  position: absolute;
}
.a_1_0_4_1_1_class6{
  background: rgb(49, 48, 48);
  user-select: none;
  display: inline-block;
  position: absolute;
}


.a_1_0_4_1_1_success1{
  .red-circle {  
    fill: red; /* 设置填充颜色为红色 */  
}  

.no-fill-circle {  
    fill: none; /* 不填充 */  
    stroke: red; /* 如果需要，可以设置边框颜色为红色 */  
    stroke-width: 2; /* 设置边框宽度 */  
}  

.red-text {  
    fill: red; /* 设置文本颜色为红色 */  
}  
}

.a_1_0_4_1_1_error1 circle{
  
  stroke:#51d6a9;
  fill:#51d6a9; 

}
.a_1_0_4_1_1_success1 circle{
  stroke:#51d6a9;
  fill:none; 
}

.a_1_0_4_1_1_success1 text{
  fill:#51d6a9;
}

.a_1_0_4_1_1_error1 circle{
  stroke:red;
  fill:none; 
}
.a_1_0_4_1_1_error1 text{
  fill:red;
}



.a_1_0_4_1_1_success2 circle{
  stroke:#51d6a9;
  fill:#51d6a9; 
}

.a_1_0_4_1_1_success2 text{
  fill:#51d6a9;
}

.a_1_0_4_1_1_error2 circle{
  stroke:#f6b247;
  fill:#f6b247;
}
.a_1_0_4_1_1_error2 text{
  fill:#f6b247;
}












.a_1_0_4_1_1_sub_menu {
  position: absolute;
  background-color: #212121;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
  z-index: 1000;
  padding:5px;
  border: 1px solid #2b2b2b;
  border-radius: 8px;
  width:100px;
}
.a_1_0_4_1_1_sub_menu_item {
  color:rgba(231, 231, 231, 0.6);
  white-space: nowrap;border-radius: 4px;

  -webkit-user-select: none;
  display: flex;
  justify-content: center; 
  align-items: center;   
  cursor: pointer;
}
.a_1_0_4_1_1_sub_menu_item:hover{    outline: 1px solid #0078d4;
  background-color: rgb(4, 57, 94);
  color:rgba(231, 231, 231, 0.6);
}





.a_1_0_4_1_1_b2{
  position:absolute;
}
.a_1_0_4_1_1_b2:hover circle {  
  fill: black;  
}